<template>
  <div>
    <div class="brief">
      <!-- <img src="/简历.jpg" alt="" /> -->
      <h1>个人履历</h1>
      <div class="mask"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeViewBrief',
}
</script>

<style lang="stylus">
.brief
  position relative
  display flex
  height calc(100vh - 136px)
  flex-direction: column
  align-items center
  justify-content center
  .mask
    position absolute
    top 0
    left 0
    right 0
    bottom 0
    z-index: 2
    background var(--mask)
    transition: all .6s
  h1
    font-size 50px
    font-family: '隶书', 'STXinwei','KaiTi'
</style>
